import { getToken, setToken, removeToken, setTimeStamp } from '@/utils/auth'
import { login, getInfo, getUserDetailById } from '@/api/user'
const state = {
  // 1.为了vuex的持久化，所以初始化的时候就从本地存储去获取
  token: getToken(),
  // 为了保持数据一致性，防止使用属性或者方法报错
  // 拓展：?.   名称:可选链   eg:obj?.name?.user
  userInfo: {}
}
const mutations = {
  // 2.为了vuex的持久化，所以每当vuex更新时，本地存储也要同步更新
  setToken(state, token) {
    // vuex的修改
    state.token = token
    // 本地修改
    setToken(token)
  },
  removeToken(state) {
    // vuex
    state.token = null
    // 本地
    removeToken()
  },
  setUserInfo(state, result) {
    state.userInfo = result
  },
  removeUserInfo(state) {
    state.userInfo = {}
  }
}
const actions = {
  async login(context, data) {
    const result = await login(data)
    // 根据result.data.success判断是否登录成，因为axios会自动封装一层data，所以不能直接result.success
    //  存储token  ->  1.vuex   2.本地存储
    context.commit('setToken', result)
    setTimeStamp()
  },
  // 1.发请求
  async getUserInfo(context) {
    // 1.获取用户基本信息
    const result = await getInfo()
    // 2.获取用户头像
    const baseInfo = await getUserDetailById(result.userId)
    context.commit('setUserInfo', { ...result, ...baseInfo })
    // 后续的伏笔
    return result
  },
  logout(context) {
    // 删除token  1.vuex   2.本地缓存(防止路由守卫不让去登录页)
    context.commit('removeToken')
    // 删除用户资料(防止换账号登陆，不重新获取账号信息)
    context.commit('removeUserInfo')
  }
}
export default {
  // 可以不写，但是推荐写
  // 如果不写的话，就必须使用state.属性名，如果写的话就必须state.模块名.属性名
  namespaced: true,
  state,
  mutations,
  actions
}
